<!DOCTYPE html>
<html>
<head>
	<title></title>
	<script type="text/javascript" src="lib/easeljs-0.7.1.min.js"></script>
	<script type="text/javascript" src="lib/tweenjs-0.5.1.min.js"></script>
	<script type="text/javascript" src="lib/movieclip-0.7.1.min.js"></script>
</head>
<body>
	<canvas id="mycanvas" width="500px" height="500px" style="border:1px solid black;"></canvas>
</body>
</html>

<script type="text/javascript">
	var stage = new createjs.Stage("mycanvas");
	var data = {
		"images":["images/runningGrant.png"],
		"frames":{
			"height":292,
			"width":165,
			"count":64
		},
		"animations":{
				"run":[0,25,"jump"],
				"jump":[26,63,"run"]
			}
	}
	var ss = new createjs.SpriteSheet(data)
	var s = new createjs.Sprite(ss,"run")
	s.x = 100;
	s.y = 100;
	stage.addChild(s)
	createjs.Ticker.setFPS(60);
	createjs.Ticker.addEventListener('tick',function() {
		stage.update();
	})
</script>